<!DOCTYPE html> <!-- Mobile version -->
<html>
<head>

<?php require_once 'tile_head.php'; ?>
<link rel="stylesheet" href="css/uKey_m.css" />

<script type="text/javascript">
	$( '#uPageIndex' ).live( 'pageinit',function(event){
		ULoader.loadPage('home.html');
	});
</script>

</head>
<body>

	<div data-role="page" id="uPageIndex">
		<div data-role="header" data-theme="b" style="text-transform: capitalize;">
			<h1 id="uTitle">PathKey (beta)</h1>
			<a href="index_d.php" data-ajax="false" data-icon="refresh" class="ui-btn-right">Classic</a>
		</div>

		<div data-role="content" style="text-align: center;">
			<div style="text-align: center;" class="ui-bar">
				<div data-role="controlgroup" data-type="horizontal">
					<a href="javascript:ULoader.loadPage('home.html');" data-theme="b" style="font-size: 65%;">Home</a>
					<a href="javascript:ULoader.loadPage('php/dataSetCategory.php?v=m');" data-theme="b" style="font-size: 65%;">Dataset</a>
					<a href="javascript:ULoader.loadPage('faq.html');" data-theme="b" style="font-size: 65%;">FAQ</a>
					<a href="javascript:ULoader.loadPage('feedback.html');" data-theme="b" style="font-size: 65%;">Feedback</a> 
					<a href="javascript:ULoader.loadPage('about.html');" data-theme="b" style="font-size: 65%;">About </a> 
				</div>
			</div>
			<br/>
			<div id="uPageContentPrimary" >Loading</div>		
		</div>
		
		<div style="text-align: center;" data-role="footer" data-theme="b" class="ui-bar" data-position="inline">
			&copy Copyright
		</div>
		
	</div>
	
</body>
</html>
